@import "../../../style/variable.scss";

@mixin tab-link($p, $total) {
    @for $i from 2 through $total {
        @for $j from 0 through $i - 1 {
            #{$p}.tl-#{$j}-#{$i} {
                left: (.5 + $j) * 100% / $i - 10%;
            }
        }
    }
}

.tab{
    height: 100%;
}

.t-h{
    height: 1.1rem;
    position: relative;
    background: white;
    .th-item{
        flex: 1;
        height: 100%;
        font-size: $baseFont - .02;
        &.active{
            color: $mainColor;
        }
    }
}
.th-link{
    width: 20%;
    height: .06rem;
    bottom: 0;
    position: absolute;
    transition: left .4s;
    background: $mainColor;
}
@include tab-link('.th-link', 3);

.t-c{
    height: calc(100% - 1.1rem);
}
